<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>快照模板</title>
		<link rel="stylesheet" href="../../css/index.css" />
	</head>
	<body>
	<!--列表内容-->
	<div class="snapshot-page page-bg">
		<div class="search-panel b-r-0">
			<!--搜索区域内容-->
			<div class="search-box pos-re">
				<div class="search-show">
					<div class="input-box">
						<input class="import-box" type="text" placeholder="快照名称" />
					</div>
					<div class="input-box">
						<input class="import-box w-128 pr-30" type="text" placeholder="用户名" />
						<a class="search-down up"><i class="search-down-icon com_icon"></i></a>
					</div>
					<a class="search-btn search_icon"></a>
					<a class="search-back-btn search_icon"></a>
				</div>
			</div>
		</div>
		<!--虚拟机列表-->
		<div class="table">
			<ul class="ul_head">
				<li style="width: 3%; border:none;">
				</li>
				<li style="width: 7%;border:none;">用户名</li>
				<li style="width: 12%">快照名称</li>
				<li style="width: 8%">可见性</li>
				<li style="width: 7%">受保护的</li>
				<li style="width: 16%">镜像大小</li>
				<li style="width: 20%">创建时间</li>
				<li style="width: 26%">操作</li>
			</ul>
			<ul class="ul_body">
				<li class="li_tr">
					<ul>
						<li class="ul_body_td" style="width: 3%; border:none;">
							<p class="td_content">
							</p>
						</li>
						<li class="ul_body_td" style="width: 7%">
							<p class="td_content">
								troila
							</p>
						</li>
						<li class="ul_body_td" style="width: 12%">
							<p class="td_content">server10</p>
						</li>
						<li class="ul_body_td" style="width: 8%">
							<p class="td_content">公有</p>
						</li>
						<li class="ul_body_td" style="width: 7%">
							<p class="td_content">是</p>
						</li>
						<li class="ul_body_td" style="width: 16%">
							<p class="td_content">611228128字节</p>
						</li>
						<li class="ul_body_td" style="width: 20%">
							<p class="td_content">2016-12-25&nbsp;8:21:20</p>
						</li>
						<li class="ul_body_td" style="width: 26%">
							<div class="handle-select select_panel">
								<div class="select_normal">
									<a class="td_btn">登录</a>
									<a class="td_btn">创建快照</a>
								</div>
							</div>
						</li>
					</ul>
				</li>
				<li class="li_tr">
					<ul>
						<li class="ul_body_td" style="width: 3%; border:none;">
							<p class="td_content">
							</p>
						</li>
						<li class="ul_body_td" style="width: 7%">
							<p class="td_content">
								troila
							</p>
						</li>
						<li class="ul_body_td" style="width: 12%">
							<p class="td_content">server10</p>
						</li>
						<li class="ul_body_td" style="width: 8%">
							<p class="td_content">公有</p>
						</li>
						<li class="ul_body_td" style="width: 7%">
							<p class="td_content">是</p>
						</li>
						<li class="ul_body_td" style="width: 16%">
							<p class="td_content">611228128字节</p>
						</li>
						<li class="ul_body_td" style="width: 20%">
							<p class="td_content">2016-12-25&nbsp;8:21:20</p>
						</li>
						<li class="ul_body_td" style="width: 26%">
							<div class="handle-select select_panel">
								<div class="select_normal">
									<a class="td_btn">登录</a>
									<a class="td_btn">创建快照</a>
								</div>
							</div>
						</li>
					</ul>
				</li>
				<li class="li_tr">
					<ul>
						<li class="ul_body_td" style="width: 3%; border:none;">
							<p class="td_content">
							</p>
						</li>
						<li class="ul_body_td" style="width: 7%">
							<p class="td_content">
								troila
							</p>
						</li>
						<li class="ul_body_td" style="width: 12%">
							<p class="td_content">server10</p>
						</li>
						<li class="ul_body_td" style="width: 8%">
							<p class="td_content">公有</p>
						</li>
						<li class="ul_body_td" style="width: 7%">
							<p class="td_content">是</p>
						</li>
						<li class="ul_body_td" style="width: 16%">
							<p class="td_content">611228128字节</p>
						</li>
						<li class="ul_body_td" style="width: 20%">
							<p class="td_content">2016-12-25&nbsp;8:21:20</p>
						</li>
						<li class="ul_body_td" style="width: 26%">
							<div class="handle-select select_panel">
								<div class="select_normal">
									<a class="td_btn">登录</a>
									<a class="td_btn">创建快照</a>
								</div>
							</div>
						</li>
					</ul>
				</li>
			</ul>
		</div>
		<!--底部分页-->
		<div class="table-footer">
			<!--设置每页显示条数-->
			<div class="change-record">
				<label class="foot-label">每页显示</label>
				<div class="record-select">
					<p class="now-record">10<i class="show-record-ul com_icon"></i></p>
					<ul class="record-ul">
						<li class="record-item">10</li>
						<li class="record-item">20</li>
					</ul>
					<span class="record-unit">条</span>
					<div class="checked-count">，选中<span id="checkedCount" class="count-num color0099ff">0</span>条</div>
				</div>
			</div>
		</div>
	</div>
	</body>
	<script type="text/javascript" src="../../js/libs/jquery-1.11.1.min.js"></script>
	<script type="text/javascript" src="../../js/view/mirrorManage/snapshotList.js"></script>

</html>
